@charset "utf-8";

$baifen:100%;
html{font-size: 31.25vw;}
/* ***** 之后除以2再除以100 ***** */
input{
    border: none;
    outline: none;
    vertical-align : middle;
}
html,body{
    width: $baifen;
    height: $baifen;
}
#box{
    height: $baifen;
    display: flex;
    flex-direction:column;
}
/* ***** 导航 ***** */
#top{
    height: 0.315rem;
    line-height: 0.315rem;
    text-align: center;
    font-size: 0.125rem;
    font-weight: bold;
}
/* ***** 主体 ***** */
#center{
    flex: 1;
    overflow-y: auto;
    box-sizing: border-box;
    padding: 0.18rem 0.1rem 0;
    background: #f5f6f8;
    .center-con{
        min-height: 2.665rem;
        background: #fff;
        overflow-y: auto;
        border-radius: 0.1rem;
        box-shadow: rgb(70, 69, 69) 0 0 0.04rem;
        position: relative;
        img{
            position: absolute;
            top: 50%;left: 50%;
            transform: translate(-50%,-50%);
            height: 1.755rem;
        }
    }
}
/* ***** 底部 ***** */
#bottment{
    height: 0.435rem;
    display: flex;
    font-size: 0.065rem;
    justify-content: space-around;
    align-items:center;
    color: #9d9ea3;
    span{
        font-size: 0.155rem !important;
        margin-bottom: 0.01rem;
    }
    div{
        text-align: center;
        display: flex;
        flex-direction:column;
        justify-content:space-around;
    }
}